html, body { background-color: #fff; color: #333}
.srf-root, .sri-root, .invocation-panel {
    color: #333; background-color: #fff; border-color: #ccc;
}
.srf-root:hover, .sri-root, .invocation-panel, .about-root, .dialog-root.with-shadow, #result-panel {box-shadow: 2px 2px 10px #F49CC7FF;}
.srf-root>li:hover {background-color: #555}
.srf-title-desc {color: #7f7f7f;}
/*.srf-dlg-desc {border-bottom: 1px solid #666;}*/
.sri-items tr:hover {background-color: #555;}

.mask {position: fixed; background-color: #000; opacity: .65; z-index: 888; left:0; top: 0}
#game-panel {background-color: #333; border:1px solid #666;}
canvas {background-color: #333;}
#panel {border-color:#ccc;}
.button {color: #fff;}
.button.start { background-color: darkgreen }
.button.pause { background-color: darkgoldenrod}
.button.cancel { background-color: steelblue}
#menu-bar {border-bottom-color:#333; color: #666;}
.ns-finder {color: #333; background: #fff;border-color:#ccc;}
#logger {background: #008888;}
.about-root {border-color:#ccc;background: #efefef;color: #666;}
.dw-info a { color: #d4237a;}
.dialog-root, .floating-panel {background: #fff;border-color: #ccc;color:#333;}
.dialog-header, .srf-dlg-desc {border-bottom-color:#ccc;}
.dialog-foot {border-top-color:#ccc;}
.plain, .plain:hover {color:#333}
.srf-items li a:hover, .srf-items li a.active { background-color: #e7e7e7}
.colored-icon, #dialog-close-btn {color: #d4237a;}
.bordered, .cai-method {border-color:#ccc;}
.description {color: #999;}
input[type=text].param-field, textarea.param-field {background-color: #fff; border-color: #ccc; color:#333;}
.scrollable:hover::-webkit-scrollbar-track { background: #ccc; }
.scrollable:hover::-webkit-scrollbar-thumb { background: #d4237a; }
.scroll-wrapper::-webkit-scrollbar-track { background: #ccc; }
.scroll-wrapper::-webkit-scrollbar-thumb { background: #d4237a; }
.scroll-wrapper::-webkit-scrollbar-corner {background: #3f3f3f;}
.scroll-wrapper::-webkit-scrollbar-thumb:hover { background: #666; }
.scroll-wrapper::-webkit-scrollbar-thumb:active { background: #666; }

pre {background-color: #fff; color:#333;}
.btn-secondary, .btn-secondary:active, .btn-secondary:hover {background-color: #d4237a; border-color: #d4237a}

.dialog-close-button, .dialog-close-button:hover {color: #333;}
.theme-item a:hover, .theme-item.active a {background-color: #e7e7e7}
.param-button, .param-button:hover {color: #d4237a}